<template>
    <div>
        <h1>tools-mock工具库</h1>
        <div>
            基于Node.js的轻量http请求服务器和websocket服务器，目前应用场景为mock数据，本地静态资源服务器，配合网站爬取工具作为后端服务器
        </div>
        <h2>Npm使用</h2>
        <h3>安装</h3>
        <div>在项目中执行以下指令，支持cnpm、pnpm、yarn</div>
        <div class="code">npm i -D tools-mock ws</div>
        <h3>使用</h3>
        <div><a href="/file/tools-mock.zip" target="_blank">点我下载示例代码-2kb</a>（运行：npm i && npm run dev）</div>
        <dCode :code="conf.str" />
    </div>
</template>
<script setup lang="ts">
import { reactive } from 'vue'

const conf = reactive({
    str: `
import { CMock } from \"tools-mock\"
const cmock = new CMock()

cmock.setData({
  '/': {
    method: 'GET',
    fun: () => {
      return 'mock 数据模拟'
    }
  }
})

cmock.setWSData({
  '/gameServer': {
    connection({ req, ws }) {
      console.log('connection gameServer')
    },
    message({ message, ws }) {
      console.log('message')
    }
  },
  '/api/mini/games/#{token}/#{miniGame}': {
    connection({ req, ws }) {
      console.log('connection')
    },
    message({ message, ws }) {
      console.log('message')
    }
  }
})

cmock.run(8230)

`
})
</script>
<style lang="less" scoped></style>
